
	
.f20{
	font-size:20rpx !important;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(0,0,0,0.4);;
}
.f22{
	font-size:22rpx !important;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(142,142,147,1);
}
.f24{
	font-size:24rpx !important;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(142,142,147,1);
}

.f26{
	font-size:26rpx;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:37rpx;
}
.f28{
	font-size: 28rpx;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
}
.f32{
	font-size: 32rpx !important;
	front-weight:400;
	color:rgba(51,51,51,1);
}
.f35{
	font-size: 35rpx !important;
	front-weight:500;
	color:rgba(51,51,51,1);
}
.f36{
	font-size: 36rpx;
	front-weight:600
}

.h19{
	height: 19rpx;
}
.h28{
	height: 28rpx;
}
.h120{
	height: 120rpx;
}

.w19{
	width: 19rpx;
}
.w32{
	width: 32rpx;
}
.w120{
	width: 120rpx;
}

.cw{
	color: #FFFFFF;
}
.lcw{
	color: rgba(255,255,255,.3);
}
.bg_yellow{
	background-color:#FFCD51 !important
}
.bg_orange{
	background-color:#FF9F68 !important
}
.bg_red {
	background-color: #FF3333 !important;
}
.bg_green {
	background-color: #09BB07 !important;
}

.mt48{
	margin-top:48rpx
}
.mr20{
	margin-right: 20rpx;
}
.mr30{
	margin-right: 30rpx;
}
.mb50{
	margin-bottom: 50rpx;
}
.mb11{
	margin-bottom: 11rpx;
}
.pt120{
	padding-top:120rpx ;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.position-ab {
	position: absolute;
}
.position-re {
	position: relative;
}
.width-100 {
	width: 100%;
}
.width-48 {
	width: 48%;
}
.height-100{
	height: 100%;
}
.color-white {
	color: #fefefe;
}
.display-flex {
	display: flex;
}
.align-items {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.margin-30{
	margin: 30px;
}
.margin-left-75 {
	margin-left: 75rpx;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-1 {
	margin-top: 1rem;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-lr-30 {
	margin:0 30px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-20 {
	margin-left: 20px;
}
.padding-tm-15 {
	padding: 15px 0;
}
.padding-tm-25 {
	padding: 25px 0;
}
.padding-lr-30 {
	padding: 30px;
}
.padding-lr-15 {
	padding: 0 30rpx;
}
.padding-10 {
	padding: 10px;
}
.padding-5 {
	padding: 5px;
}
.padding-lr-10 {
	padding: 0 20rpx;
}
.flex-column {
	flex-direction: column;
}
.flex-1 {
	flex: 1;
}
.flex-half {
	flex: 0.5;
}
.font-weight-bold {
	font-weight: bold;
}
.font-size-12 {
	font-size: 12rpx;
}
.font-size-18 {
	font-size: 18rpx;
}
.font-size-22 {
	font-size: 22rpx;
}
.font-size-28 {
	font-size: 28rpx !important;
}
.font-size-32 {
	font-size: 32rpx !important;
}
.font-size-36 {
	font-size: 36rpx !important;
}
.font-size-42 {
	font-size: 42rpx !important;
}
.font-size-200 {
	font-size: 200rpx !important;
}
.line-height-22 {
	line-height: 22rpx;
}
.bg-light {
	background-color: rgba(27,17,62,0.1);
}
.color-orange {
	color:#F7882E ;
}
.color-blue{
	color: #4ACEFF;
}
.color-green{
	color: #45F670;
}
.color-red {
	color: #FF1D4C;
}
.color-cyan {
	color: #549EA8;
}
.color-light {
	color: #8E8E93;
}
.bg-gray-5 {
	background: #737fc5!important;
	opacity: 0.5;
}
.bg-gra-purple {
	background-image: linear-gradient(#9BB0FC, #5169F5);
}
.bg-gra-blue {
	background-image: linear-gradient(#92C9FF, #3E93E9);
}
.bg-gra-green {
	background-image: linear-gradient(#AAE8AE,#6ECABA);
}

.border-radius-20 {
	border-radius: 20px;
}
.border-radius-5 {
	border-radius: 5px;
}
.opaction-5 {
	opacity: 0.5;
}
.opaction-1 {
	opacity: 1;
}
.font-family-pf {
	font-family: PingFang-Semibold;
}